import { Component, HostBinding } from '@angular/core';
import { Hero } from './hero';

@Component({
  selector: 'hero-app',
  template: `
    <h1>Tour of Heroes</h1>
    <hero-app-main [hero]=hero>
        <zk-test [child]= child></zk-test>
    </hero-app-main>
     <zk-test [test]= test ></zk-test>`,
  styles: ['h1 { font-weight: normal; }']
})
export class HeroAppComponent {

  test = '加载到同级别';
  child = ' ng-content 使用方法，加载到子级别';

  hero = new Hero(
    'Human Torch',
    ['Mister Fantastic', 'Invisible Woman', 'Thing']
  );


  @HostBinding('class') get themeClass() {
    return 'theme-light';
  }
}
